<template>
	<cxView background="linear-gradient(to left bottom  ,#FBFCD3 , #FEFFFF , #FCF6E1">
		<cxView margin="20">
			<cxView display="flex" justify-content="center">
				<cxImg size="100" width="100" height="100" marginTop="20" :src="img"></cxImg>
			</cxView>
			
			<cxView marginTop="20" text-align="center" size="34" fontWeight="600">{{title}}</cxView>
			<cxView marginTop="20" text-align="center" :color="descColor">{{desc}}</cxView>
			<cxView display="flex" justify-content="space-around" marginTop="20">
				<cxView :background="$cx.color.cxBgColor" padding="20 30" width="30%" text-align="center" borderRadius="12" @confirm="cancelClick">{{cancelTitle}}</cxView>
				<cxView background="#1378F6" padding="20 30" width="30%" text-align="center" borderRadius="12" color="white" @confirm="confirmClick">{{confirmTitle}}</cxView>
				
			</cxView>
		</cxView>
	</cxView>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props:{
			model:{
				type:Object,
				default(){
					return{}
				}
			},
			img:{
				type:String,
				default:''
			},
			
			title:{
				type:String,
				default:''
			},
			desc:{
				type:String,
				default:''
			},
			descColor:{
				type:String,
				default:''
			},
			confirmTitle:{
				type:String,
				default:'确定'
			},
			cancelTitle:{
				type:String,
				default:'取消'
			},
		},
		methods:{
			cancelClick(){
				this.$emit('cancel',this.phone)
			},
			confirmClick(){
				this.$emit('confirm',this.phone)
			}
		}
	}
</script>

<style lang="scss">

</style>
